<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app"></div>
    <div id="teleport"></div>
    <div id="teleport2"></div>
</body>
<script type="module">
    // import {
    //     createRenderer,
    //     render,
    //     Fragment,
    //     h,
    //     Teleport
    // } from '/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-browser.js'
    // import {
    //     createRenderer,
    //     render,
    //     h
    // } from '/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-browser.prod.js'
    import {
        // renderOptions,
        h,
        render,
        Fragment,
        Text,
        Teleport
    } from "./runtime-dom.js"


    render(h(Teleport, { to: "#teleport", }, h("div", { id: "teleport-content" }, "teleport")), document.getElementById("app"))
    setTimeout(() => {
        // render(h(Teleport, { to: "#teleport" }, h("div", { id: "teleport-content" }, "124")), document.getElementById("app"))
        render(h(Teleport, { to: "#teleport2", }, h("div", { id: "teleport-content2" }, "124")), document.getElementById("app"))
        // render(null, document.getElementById("app"))
    }, 2000)



</script>

</html>